page-order {
  .order_page {
    height: 100%;
  }
  .order_empty {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .order_empty_icon {
      background-repeat: no-repeat;
      height: 6rem;
      width: 6rem;
    }
    .order_empty_text {
      font-size: 1rem;
      color: #999;
      margin-top: .5rem;
    }
  }
  .order_list_ul{
      .order_list_li{
          background-color: #fff;
          display: flex;
          margin-bottom: 0.83rem;
          padding: 1rem 1rem 0;
          .restaurant_image{
              @include wh(3.3rem, 3.3rem);
              margin-right: 0.67rem;
          }
          .order_item_right{
              flex: 5;
              .order_item_right_header{
                  border-bottom: 0.041rem solid #f5f5f5;
                  padding-bottom: .5rem;
                  padding-right: 1rem;
                  @include fj;
                  .order_header{
                      h4{
                          display: flex;
                          align-items: center;
                          justify-content: flex-start;
                          @include sc(1.25rem, #333);
                          line-height: 1.67rem;
                          width: 15rem;
                          .arrow_right{
                              @include wh(.67rem, .67rem);
                              fill: #ccc;
                              margin-right: .33rem;
                          }
                      }
                      .order_time{
                          @include sc(.92rem, #999);
                          line-height: 1.33rem;
                      }
                  }
                  .order_status{
                      @include sc(1rem, #333);
                  }
              }
              .order_basket{
                  @include fj;
                  padding-right: 1rem;
                  line-height: 3.3rem;
                  border-bottom: 0.041rem solid #f5f5f5;
                  .order_name{
                      @include sc(1rem, #666);
                      width: 15rem;
                  }
                  .order_amount{
                      @include sc(1rem, #f60);
                      font-weight: bold;
                  }
              }
              .order_again{
                  text-align: right;
                  line-height: 2.6rem;
                  .buy_again{
                      @include sc(.92rem, #3190e8);
                      border: 0.041rem solid #3190e8;
                      padding: .26rem .33rem;
                      border-radius: .25rem;
                  }
                  .page{
                      display: inline-block;
                      .wait_pay {
                        font-size: .92rem;
                        color: orange;
                        border: 1px solid orange;
                        border-radius: .15rem;
                        padding: .1rem .2rem;
                      }
                      .rem_time{
                          @include sc(.92rem, orange);
                          padding: .16rem .33rem;
                          border-radius: .25rem;
                      }
                  }
              }
          }
      }
  }
  .empty_data{
    @include sc(0.82rem, #666);
    text-align: center;
    line-height: 3.34rem;
  }
}